@import "variable.styl"

::-webkit-scrollbar
    width: 9px
    height: 9px

::-webkit-scrollbar-thumb
    border-radius: 4px
    background-color: #ccc
::-webkit-scrollbar-track
    background-color: #eee
html
  font-size: 12px
body, html
  line-height: 1
  font-family: Core Sans N,Avenir Next,Helvetica Neue,Helvetica,Arial,PingFang SC,Source Han Sans SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi MicroHei,sans-serif
  // min-width: 1220px
  -webkit-tap-highlight-color: transparent
  background-color: #ffffff
  color: #333
  height: 100%
  -webkit-font-smoothing: antialiased
body
  font-size: 0.12rem
  overflow-y: scroll

// 禁用input type=number时上线箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button
  -webkit-appearance: none
input[type="number"]
  -moz-appearance: textfield

#nprogress .bar
  background #1787FF !important

// 基础按钮样式
.basebtn
  a
    font-size: 12px
    line-height: 22px
    padding: 0 20px
    color: #fff
    float: left
    border-radius: 11px
    cursor: pointer
    background: $color-lan
    float: left
    &.disable
      background: #fff
      color: $color-border
      border: 1px solid $color-border
      cursor: not-allowed
  button
    font-size: 12px
    line-height: 28px
    padding: 0 15px
    margin: 0 10px 0 0
    float: left
    border: 1px solid $color-border
    border-radius: 4px
    background-color: #fff
    color: #333
    outline: none
    cursor: pointer
    &:hover
      color: $color-lan
    &.disable
      color: $color-border
      cursor: not-allowed
    &.last
      margin: 0
    &.lan
      border-color: $color-lan
      color: #fff
      background: $color-lan
      &:hover
        color: #fff
        background: #679df5
      &.disable
        background: #9dbef5
    &.active
      color: $color-lan
      border-color: $color-lan
      &:hover
        background: #f7faff
      &.disable
        background: #f3f5f9
        color: #a6a6a6
        border-color: #a6a6a6
  .basebtn-common
    margin 0
// 基础输入框
.basetxt
  input, textarea
    height: 30px
    padding: 0 15px
    margin-right: 10px
    font-size: 14px
    display: block
    outline: none
    box-sizing: border-box
    border: 1px solid $color-border
    border-radius: 4px
    color: #666
    font-family: "Microsoft Yahei"
    &:focus
      color: #333
      border-color: $color-lan

// 基础输入框不限定高度，解决ele ui textarea设置row失效问题
.basetxtNoHeight
  input, textarea
    padding: 0 15px
    margin-right: 10px
    font-size: 14px
    display: block
    outline: none
    box-sizing: border-box
    border: 1px solid $color-border
    border-radius: 4px
    color: #666
    font-family: "Microsoft Yahei"
    &:focus
      color: #333
      border-color: $color-lan

// 基础下拉框
.basemenu
  select
    -webkit-appearance: none
    -moz-appearance: none
    appearance: none
    border: 1px solid #cbcbcb
    border-radius: 4px
    background-color: #fff
    // background-image: url('../image/icon/select.png')
    background-repeat: no-repeat
    background-position: right center
    box-shadow: none
    color: #171d25
    font-size: 14px
    cursor: pointer
    height: 30px
    padding: 5px 24px 5px 6px
    vertical-align: middle
    -webkit-box-sizing: border-box
    -moz-box-sizing: border-box
    box-sizing: border-box
    min-width: 160px
    max-width: 280px
    outline: none
    &:focus
      color: #333
      border-color: $color-lan

// 基础选择框
.basechk
  label
    cursor: pointer
    margin: 0 15px 0 0
    vertical-align: middle
    line-height: 1
  input
    margin-right: 5px
    width: 16px
    height: 16px
    cursor: pointer
    vertical-align: -3px
    outline: 0
    // background-image: url('../image/icon/sprite.png')
    -webkit-appearance: none
    background-position: -197px -90px
    box-sizing: content-box
    &:checked
      background-position: -215px 0px
  input[type=radio]
    background-position: -162px -191px
    &:checked
      background-position: -36px -191px

a.disable
  color: #7e8c8d
  cursor: not-allowed

// 分页
.basePagenate
  text-align: center
  margin-top: 20px

// 清除浮动
.clearfix
  clear: both
.clearfix:after
  height: 0
  visibility: hidden;
  display: block
  clear: both
  content: ""
.lan
  color: $color-lan
.cheng
  color: $color-cheng
.r
	float: right
.l
	float: left
.b
  font-weight bold
.pointer
  cursor pointer
.separator
  width 100%
  height 10px
  background #f5f7fa

// 提示框样式
.popover
  padding 8px !important
  min-width 30px !important
  background-color rgba(255,255,255,0.85) !important
// Table公共样式
// .el-table__header
//   display block
//   border-collapse separate
// .el-table thead
//   display block
// .table-head-th
//   font-weight 600
//   font-size 14px
//   color #4a4a4a
//   border 1px solid #C8E1FF
//   width 100%
//   display inline-table
//   >th
//     background #F1F8FF!important
.table-header
  background #f5f7fa
  font-family PingFangSC-Medium
  font-size 14px
  color #24292E
  letter-spacing 0
  font-weight 600
.el-table
  th.is-leaf
    border-top 1px solid #C8E1FF
    border-bottom 1px solid #C8E1FF
  th:first-child
    border-left 1px solid #C8E1FF
  th:nth-last-child(2)
    border-right 1px solid #C8E1FF
  .table-head-th
    font-weight 600
    font-size 14px
    color #4A4A4A
    >th
      background #F1F8FF!important
  .el-table__body-wrapper
    border-left 1px solid #ebeef5
    border-right 1px solid #ebeef5
.project-task-box .project-task .task-table .spider-cell .cell
  padding 0
  text-align right
.el-tooltip__popper.is-light
  border 1px solid #D5D5D5 !important
  max-width 300px
.el-tooltip__popper.is-light[x-placement^="bottom"] .popper__arrow
  border-bottom-color #D5D5D5 !important
.el-tooltip__popper.is-light[x-placement^="left"] .popper__arrow
  border-left-color #D5D5D5 !important
.el-tooltip__popper.is-light[x-placement^="top"] .popper__arrow
  border-top-color #D5D5D5 !important
.el-tooltip__popper.is-light[x-placement^="right"] .popper__arrow
  border-right-color #D5D5D5 !important
.el-table__empty-block
  &:after
    content: ''
    min-height: inherit
    font-size: 0
// 回到顶部样式
.ant-back-top
  bottom 100px
  .ant-back-top-content
    background #c0c4cc
    &:hover
      background #909399
// 空列表
.no-data-box
  width 100%
  display flex
  align-items center
  justify-content center
  background #F4F7F8
  border 1px solid #E9EFF1
  border-radius 3px
  padding 76px 0
  .no-data
    display flex
    flex-direction column
    align-items center
    >img
      width 68px
    .no-data-title
      font-size 22px
      color #24292E
      padding 22px
    .no-data-create
      font-size 14px
      color #8d9091
#nprogress .bar
  background #49d799 !important
#nprogress .spinner-icon
  border-top-color #49d799
  border-left-color #49d799